var prefix = "/front"
$(function() {
    search(0);
});

$(function(){
    $(window).scroll(function() {
        if($(window).scrollTop() >= 100){
            $('.goTo').fadeIn(300);
        }else{
            $('.goTo').fadeOut(300);
        }
    });
    $('.goTo').click(function(){
        $('html,body').animate({scrollTop: '0px'}, 300);
    });


});
function search(i) {
    var _t = new Date().getTime();
    $('#exampleTable'+i).bootstrapTable('destroy');
    $('#exampleTable'+i).bootstrapTable({
                method : 'get', // 服务器数据的请求方式 get or post
                url : prefix + "/product/page?_t="+_t, // 服务器数据的加载地址
                //	showRefresh : true,
                //	showToggle : true,
                //	showColumns : true,
                iconSize : 'outline',
                toolbar : '#exampleToolbar',
                striped : true, // 设置为true会有隔行变色效果
                dataType : "json", // 服务器返回的数据类型
                pagination : true, // 设置为true会在底部显示分页条
                singleSelect : false, // 设置为true将禁止多选
                // contentType : "application/x-www-form-urlencoded",
                // //发送到服务器的数据编码类型
                pageSize : 10, // 如果设置了分页，每页数据条数
                pageNumber : 1, // 如果设置了分布，首页页码
                //search : true, // 是否显示搜索框
                showColumns : false, // 是否显示内容下拉框（选择显示的列）
                sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
                queryParamsType : "",
                // //设置为limit则会发送符合RESTFull格式的参数
                queryParams : function(params) {
                    return {
                        //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                        pageNumber : params.pageNumber,
                        pageSize : params.pageSize,
                        productType: $('#productType'+i).val(),
                        productModel: $('#productModel'+i).val(),
                        secondModel: $('#secondModel'+i).val(),
                        diameter: $('#diameter'+i).val(),
                        length: $('#length'+i).val(),
                        width: $('#width'+i).val(),
                        thickness: $('#thickness'+i).val(),
                        density: $('#density'+i).val()
                    };
                },
                // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                // queryParamsType = 'limit' ,返回参数必须包含
                // limit, offset, search, sort, order 否则, 需要包含:
                // pageSize, pageNumber, searchText, sortName,
                // sortOrder.
                // 返回false将会终止请求
                responseHandler : function(res){
                    console.log(res);
                    return {
                        "total": res.data.total,//总数
                        "rows": res.data.records   //数据
                    };
                },
                columns : [
                    {
                        checkbox: true
                    },
                    {
                        field: 'userProductId',
                        title: '主键'
                    },
                    {
                        field: 'company',
                        title: '企业名称'
                    },
                    {
                        field: 'name',
                        title: '企业法人姓名'
                    },
                    {
                        field: 'email',
                        title: '邮箱'
                    },
                    {
                        field: 'productName',
                        title: '名称'
                    },
                    {
                        field: 'productType',
                        title: '种类'
                    },
                    {
                        field: 'productModel',
                        title: '型号'
                    },
                    {
                        field: 'secondModel',
                        title: '二级型号'
                    },
                    {
                        field: 'originPlace',
                        title: '产地',
                        visible: false
                    },
                    {
                        field: 'unitPrice',
                        title: '单价'
                    },
                    {
                        field: 'storeNumber',
                        title: '库存'
                    },
                    {
                        field: 'storeNumber',
                        title: '数量',
                        formatter: function (value,row,index) {
                            var _tm = '<input name="number" value="1" id="'+row.userProductId+'" type="number" maxlength="5" class="form-control" placeholder="购买数量"/>';
                            return _tm
                        }
                    },
                    {
                        title : '操作',
                        field : 'id',
                        align : 'center',
                        formatter : function(value, row, index) {
                            var d = '<a class="btn btn-warning btn-sm" href="javascript:void()" title="加入购物车"  id="shopBtn_'+i+'_'+row.userProductId+'" onclick="shop(event,'
                                + row.userProductId+','+i
                                + ')"><i class="fa fa-edit"></i>加入购物车</a> ';
                            return  d ;
                        }
                    } ]
            });
}
function shop(ev,userProductId,index) {
    var number = $("#"+userProductId).val();
    var reg=/^[1-9]+[0-9]*$/;
    var checkOk = reg.test(number);
    if (!checkOk) {
        layer.msg("数量不合法")
        return;
    }
    $.ajax({
        url: prefix + "/check/login",
        type: "GET",
        dataType: "json",
        success: function(data){
            if (data.code==1){
                layer.msg("未登陆，请登录后再添加");
            }else {
                addToShop(ev,userProductId,number,index);
            }
        },
        async:false
    });
}
function addToShop(ev,userProductId,number,index) {
    $.ajax({
        url: prefix + "/shop/add",
        type: "POST",
        dataType: "json",
        data:{userProductId:userProductId,number:number},
        success: function(data){
            if (data.code==0){
                $("#msg").show().animate({width: '250px'}, 200).fadeOut(1000);
                var lastNumber = $("#end").html()
                lastNumber = parseInt(lastNumber)+parseInt(number);
                $("#end").html(lastNumber);
                var offset = $("#end").offset();
                var img = "/img/a5.jpg";
                var oEvent=ev;
                var startX = oEvent.clientX;
                var startY = oEvent.clientY;
                var flyer = $('<img class="u-flyer" src="'+img+'">');
                flyer.fly({
                    start: {
                        left: startX,
                        top: startY
                    },
                    end: {
                        left: offset.left+10,
                        top: 200+10,
                        width: 0,
                        height: 0
                    },
                    onEnd: function(){
                        // $("#msg").show().animate({width: '250px'}, 200).fadeOut(1000);
                        // var lastNumber = $("#end").html()
                        // lastNumber = parseInt(lastNumber)+parseInt(number);
                        // $("#end").html(lastNumber);
                        this.destory();
                    }
                });
            }else {
                layer.msg(data.msg);
            }
        },
        async:true
    });
}
function deleteMore(index) {
    $("#ibox"+index).remove();
}

$(function () {
    $("#searchBtn").on("click",function (e) {
        searchMore(parseInt($(this).attr("data-id")));
    })
})
function searchMore(index){
    var _html = '<div class="ibox container" style="margin-top: 10px;padding-top: 10px;" id="ibox'+index+'">\n' +
        '                <button type="button" class="btn btn-link" data-toggle="collapse"\n' +
        '                        data-target="#form-'+index+'">\n' +
        '                    查询（点击折叠或展开）\n' +
        '                </button>\n' +
        '                <div class="collapse in"  id="form-'+index+'">\n' +

        '                    <div class="fixed-table-toolbar">\n' +
        '                        <div class="form-inline">\n' +
        '                            <div class="form-group">\n' +
        '                                <input name="productType'+index+'" id="productType'+index+'" class="form-control" placeholder="产品类型"/>\n' +
        '                            </div>\n' +
        '                            <div class="form-group">\n' +
        '                                <input name="productModel'+index+'" id="productModel'+index+'" class="form-control" placeholder="产品型号"/>\n' +
        '                            </div>\n' +
        '                            <div class="form-group">\n' +
        '                                <input name="secondModel'+index+'" id="secondModel'+index+'" class="form-control" placeholder="二级型号"/>\n' +
        '                            </div>\n' +
        '                            <div class="form-group">\n' +
        '                                <input name="diameter'+index+'" id="diameter'+index+'" class="form-control" placeholder="直径"/>\n' +
        '                            </div>\n' +
        '                            <div class="form-group" style="width:15%;text-align: right;">\n' +
        '                                &nbsp;\n' +
        '                            </div>\n' +
        '                        </div>\n' +
        '                        <div class="form-inline">\n' +
        '                            <div class="form-group">\n' +
        '                                <input name="length'+index+'" id="length'+index+'" class="form-control" placeholder="长度"/>\n' +
        '                            </div>\n' +
        '                            <div class="form-group">\n' +
        '                                <input name="width'+index+'" id="width'+index+'" class="form-control" placeholder="宽度"/>\n' +
        '                            </div>\n' +
        '                            <div class="form-group">\n' +
        '                                <input name="thickness'+index+'" id="thickness'+index+'" class="form-control" placeholder="厚度"/>\n' +
        '                            </div>\n' +
        '                            <div class="form-group">\n' +
        '                                <input name="density'+index+'" id="density'+index+'" class="form-control" placeholder="密度"/>\n' +
        '                            </div>\n' +
        '                            <div class="form-group">\n' +
        '                                <button class="btn btn-success" onclick="search('+index+')">查询</button>\n' +
        '                                <button class="btn btn-warning" onclick="deleteMore('+index+')">删除--</button>\n' +
        '                            </div>\n' +
        '                        </div>\n' +
        '                    </div>\n' +
        '                    <table id="exampleTable'+index+'" data-mobile-responsive="true">\n' +
        '                    </table>\n' +
        '                </div>\n' +
        '            </div>'
    $("#container").append(_html);
    $("#searchBtn").attr("data-id",index+1);
    $.scrollTo('#ibox'+index,500);
}

// $(function() {
//     var offset = $("#end").offset();
//     $(".addcar").click(function(event){
//         var addcar = $(this);
//         var img = "/img/a5.jpg";
//         var flyer = $('<img class="u-flyer" src="'+img+'">');
//         flyer.fly({
//             start: {
//                 left: event.pageX,
//                 top: event.pageY
//             },
//             end: {
//                 left: offset.left+10,
//                 top: offset.top+10,
//                 width: 0,
//                 height: 0
//             },
//             onEnd: function(){
//                 $("#msg").show().animate({width: '250px'}, 200).fadeOut(1000);
//                 // addcar.css("cursor","default").removeClass('orange').unbind('click');
//                 // this.destory();
//             }
//         });
//     });
//
// });
